<?php if (!defined('THINK_PATH')) exit();?><!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="initial-scale=1, width=device-width, maximum-scale=1, user-scalable=no">
<meta name="apple-mobile-web-app-status-bar-style" content="black">
<meta name="format-detection" content="telephone=no">

<link rel="stylesheet" type="text/css" href="/Public/css/boot.css">
<link rel="stylesheet" type="text/css" href="/Public/font/css/font-awesome.css">
<link rel="stylesheet" type="text/css" href="/Public/css/s.css">
<link rel="stylesheet" type="text/css" href="/Public/css/wap.css">

<div class="hover">
	<div class="text">
		<span>加载中...</span> <i class="fa fa-spinner fa-spin"></i>
	</div>
</div>



<script type="text/javascript" src="/Public/js/jq.js"></script>
<script type="text/javascript" src="/Public/js/jqui.js"></script>
<script type="text/javascript" src="/Public/js/lazyload.js"></script>
<script type="text/javascript" src="/Public/js/boot.js"></script>
<script type="text/javascript" src="/Public/js/function.js"></script>



<!-- 引入 jQuery Mobile 库 -->

    <meta name="description" content="<?php echo ($info["description"]); ?>">
    <meta name="keywords" content="<?php echo ($info["keywords"]); ?>">
    <title><?php echo ($info["title"]); ?>-我的设置</title>
    <style type="text/css">
        .lists{
            width:100%; margin:10px 0;
        }
        .list{
            width:100%; height:45px;  background-color:#FFFFFF; border-bottom:1px solid #f3f3f3;
        }
        .list:active{
            background-color:#f9f9f9;
        }
        .list .name{
            height:45px; line-height:45px; float:left; margin:0 15px 0 15px; font-size: 13px; color:#666;
        }
        .list .value{
            height:45px; line-height:45px; float:right; margin:0 15px 0 15px; font-size: 13px; color:#bcbcbc;
            max-width:50%; overflow:hidden;text-overflow:ellipsis;white-space: nowrap; 
        }
        .list .value img{
            width:40px; height:40px; margin:2.5px; 
        }
    </style>
</head>
<body>
	<div class="head" style="background-color:#f23030;">
        <div class="left" onclick="back()">
            <i class="fa fa-chevron-left" aria-hidden="true"></i>
        </div>
        <div class="center">
            <p><i class="icon-user"></i> 我的设置</p>
        </div>
        <div class="right">
            
        </div>
    </div>

    <div class="body">
        <div class="lists">
            <div class="list" onclick="change('head')">
                <div class="name">头像</div>
                <div class="value">
                    <img class="lazy" data-original="/Public/img/head.jpg" >
                </div>
            </div>
            <div class="list" onclick="change('nick_name')">
                <div class="name">昵称</div>
                <div class="value" id="nick_name">中国IT的希望</div>
            </div>
            <div class="list" onclick="change('real_name')">
                <div class="name">真实姓名</div>
                <div class="value" id="real_name">马焕</div>
            </div>
            <div class="list" onclick="change('mobile')">
                <div class="name">手机号</div>
                <div class="value" id="mobile">13999808263</div>
            </div>
        </div>

        <div class="lists">
            <div class="list" onclick="select_click()">
                <div class="name">性别</div>
                <select class="value" id="sex" style="border:none;height: 44px;outline:0;">
                    <option value="1">男</option>
                    <option value="0">女</option>
                </select>
            </div>
            <div class="list" onclick="change('address')">
                <div class="name">邮寄地址</div>
                <div class="value" id="address">乌鲁木齐市沙依巴克区西山路156队家属院</div>
            </div>
            <div class="list" onclick="change('content')">
                <div class="name">个性签名</div>
                <div class="value" id="content">我是一个小白，请大家对我多多关照！</div>
            </div>
        </div>
    </div>
    <input type="file" id="head" style="display:none;" />

    
	<div class="clear"></div>
<div class="foot">
	<a href="<?php echo U('Index/index');?>" data-transition="slide">
		<div class="bttn">
			<div class="img"><i class="fa fa-home" aria-hidden="true"></i></div>
			<div class="text">首页</div>
		</div>
	</a>
	<a href="<?php echo U('Cart/index');?>" data-transition="slide">
		<div class="bttn">
			<div class="img"><i class="fa fa-shopping-cart" aria-hidden="true"></i></div>
			<div class="text">购物车</div>
		</div>
	</a>
	<a href="<?php echo U('Friend/index');?>" data-transition="slide">
		<div class="bttn">
			<div class="img"><i class="fa fa-users" aria-hidden="true"></i></div>
			<div class="text">好友</div>
		</div>
	</a>
	<a href="<?php echo U('Bbc/index');?>" data-transition="slide">
		<div class="bttn">
			<div class="img"><i class="fa fa-comments-o" aria-hidden="true"></i></i></div>
			<div class="text">论坛</div>
		</div>
	</a>
	<a href="<?php echo U('Mine/index');?>" data-transition="slide">
		<div class="bttn">
			<div class="img"><i class="fa fa-user" aria-hidden="true"></i></div>
			<div class="text">我的</div>
		</div>
	</a>
</div>



    <script type="text/javascript">
        imgload();

        function file_click(){
           return  $("#head").click();
        }

        function select_click(){
           return  $("#select").click();
        }

        function change(value){
            if (value == "head") {
                return  $("#head").click();
            }else if (value == "nick_name") {
                var nick_name=prompt("请输入您的昵称",$('#nick_name').html());
                if(nick_name){
                    $('#nick_name').html(nick_name);
                }
            }else if (value == "real_name") {
                var real_name=prompt("请输入您的昵称",$('#real_name').html());
                if(real_name){
                    $('#real_name').html(real_name);
                }
            }else if (value == "mobile") {
                alert("手机号不可修改");
            }else if (value == "address") {
                var address=prompt("请输入您的昵称",$('#address').html());
                if(address){
                    $('#address').html(address);
                }
            }else if (value == "content") {
                var content=prompt("请输入您的昵称",$('#content').html());
                if(content){
                    $('#content').html(content);
                }
            }
        }
    </script>
	
</body>
</html>